fontsizelineheight

首先在設定文字大小為20px，

是用百分比來做設定，而

則是用「em」這個單位。,2023年7月7日—Theline-heightCSSpropertysetstheheightofalinebox.It'scommonlyusedtosetthedistancebetweenlinesoftext.,Lineheightistheverticaldistancebetweentwolinesoftype,measuredfromthebaselineofonelineoftypetothebaselineofthenext.,,2010年9月1日—舉例來說，假設我的行高跟字型大小這麼寫：font-size:...

參考資訊如下
CSS 教學– 基本文字設定: font-size 與line-height

首先在<body> 設定文字大小為20px，<h1>是用百分比來做設定，而<h2>則是用「em」這個單位。

line-height - CSS: Cascading Style Sheets

2023年7月7日 — The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text.

Line height & leading

Line height is the vertical distance between two lines of type, measured from the baseline of one line of type to the baseline of the next.

Choosing a suitable line height

深入CSS 之line

2010年9月1日 — 舉例來說，假設我的行高跟字型大小這麼寫： font-size:12px; line-height:16px; ，可以看出他們的行間距差了4px，接著box model 會把這4px 除以2，也就是4 ...

font-size vs line-height

2023年9月2日 — The `line-height` property controls the amount of space between lines of text. You can specify it as a multiple of the font-size, like `1.5` , ...

The ideal line length & line height in web design

2021年12月14日 — TL;DR: For reading text on desktop devices, the ideal line has a length of 60 to 80 characters with a line height of around 1.5 to 1.6. It ...

font-size vs line

2016年12月26日 — Line-height defines div height, unless line-height is very small, in which case the font-size will define the size.

Web Readability

2023年3月13日 — The line height should also be proportional and balanced for your font size - a common range is between 1.2 and 1.5 times the font size.

Size Matters

2014年9月29日 — While there is no perfect line height, a good rule of thumb is to set it at approximately 150% of the font size. 14-tight-height-preview-opt